/*内页样式*/
.inner{padding-top: 4%;}
.subbanner{max-height: 400px;overflow: hidden;position: relative;width: 100%}
.subbanner img{max-width: 100%;}

.breadcrumb-bar{background: #f5f5f5;height: 60px;line-height: 60px;}
.breadcrumb-bar .innernav li{padding: 0 35px;float: left;font-size: 16px;}
.breadcrumb-bar .innernav li.active,.breadcrumb-bar .innernav li:hover{background: #007bc7;}
.breadcrumb-bar .innernav li.active a,.breadcrumb-bar .innernav li:hover a{color: #fff;}
.breadcrumb-bar .path{float: right;padding-left: 10px;line-height: 25px;margin: 20px 0;color: #999;}
.breadcrumb-bar .path a{margin: 0 5px;color: #999;}

/* about */
.inner .company_t{border-left: 3px solid #007bc7;line-height: 1;padding-left: 10px;font-size: 14px;color: #999;margin-bottom: 2%;text-transform: uppercase;}
.inner .company_t h3{font-size: 28px;color: #333;margin-bottom: 5px;}
.inner .numlist{padding: 4% 0;background: url(../images/company_bg.jpg)center no-repeat;background-size: cover;}
.inner .numlist li{width: 25%;text-align: center;float: left;font-size: 18px;}
.inner .numlist li h4{font-size: 52px;color: #007bc7;line-height: 1.2;font-weight: bold;}
.inner .numlist li h4 span{font-size: 24px;font-weight: normal;}
.inner .video{padding: 4% 0;}
.inner .video video{max-width: 100%;}

.inner .pro_sultion li{width: 100%;background: url(../images/pro_bg.jpg)right no-repeat;background-color: #f2f2f2;margin-bottom: 40px;}
.inner .pro_sultion li .imgarea{width: 50%;}
.inner .pro_sultion li .txtarea{width: 50%;width: 49%\9;color: #333;}
.inner .pro_sultion li i{width: 120px;height: 120px;background: #007bc7;display: inline-block;text-align: center;line-height: 120px;float: left;}
.inner .pro_sultion li i img{vertical-align: middle;}
.inner .pro_sultion li h3{font-size: 36px;line-height: 1.5;font-weight: bold;margin-left: 30px;position: relative;padding-bottom: 10px;float: left;    white-space: nowrap;
    margin-top: 1em;}
.inner .pro_sultion li h3::after{content: '';position: absolute;width: 30px;height: 2px;background: #007bc7;bottom: 0;left: 0;}
.inner .pro_sultion li .des{margin: 50px 50px 70px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.inner .pro_sultion li .more{display: inline-block;padding: 5px 30px;border-radius: 5px;color: #fff;background: #e50011;margin-left: 50px;}

.inner .news li{width: 100%;height: 180px;border: 1px solid #ddd;box-sizing: border-box;margin-bottom: 40px;}
.inner .news li .time{width: 180px;height: 180px;text-align: center;font-size: 24px;float: left;color: #999;border-right: 1px solid #ddd;width: 20%\9;}
.inner .news li .time p{display: block;margin: 0 auto;color: #333;margin: 40px 50px 0 50px;border-bottom: 1px solid #ddd;}
.inner .news li .txtarea{float: left;width: calc(100% - 490px);padding: 25px;width: 55%\9;}
.inner .news li .txtarea h5{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner .news li .txtarea .des{height: 56px\9;line-height: 28px\9;
    text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.inner .news li .imgarea{float: right;display: block;height: 100%;width: 240px;width: 18%\9;}
.inner .news li .imgarea img{width: 100%;height: 100%;}
.inner .news li .more{padding: 3px 25px;background: #007bc7;color: #fff;border-radius: 5px;display: inline-block;float: right;margin-top: 10px;}
/* --------------分页---------------- */
#dcms_pager{text-align: center;padding: 3% 0 4%;}
#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}
#dcms_pager a, #dcms_pager span {float: left;color: #666;line-height: 2.4rem;text-align: center;border: 1px solid #BBB;min-width: 14px;padding: 0 1rem;margin: 0 5px 0 0;border-radius: 3px;}
#dcms_pager a:hover {text-decoration: none;background: #007bc7;color:#fff}
#dcms_pager .active {color: #FFF;border:none; cursor: default;}
#dcms_pager .active a{background: #007bc7;color: #fff;border: 1px solid #007bc7;}
#dcms_pager .disabled {color: #ccc;cursor: default;}

.inner .tz_mod1 .gp_inform{width: 55%;background: #f4f4f4;float: left;height: 335px;}
.inner .tz_mod1 .gp_table{width: 40%;float: right;color:#333;}
.inner .tz_mod1 .wrap{padding: 50px;}
.inner .tz_mod1 .gp_inform h4{font-size: 18px;font-weight: bold;}
.inner .tz_mod1 .gp_inform .price{font-size: 52px;color: #e60516;margin-bottom: 20px;}
.inner .tz_mod1 .gp_inform .price i{font-weight: bold;margin-left: 10px;font-size: 36px;}
.inner .tz_mod1 .gp_inform .price span{color: #fff;font-size: 14px;background: #e60516;padding: 3px 8px;margin-left: 30px;vertical-align: middle;}
.inner .tz_mod1 .gp_inform li{width: 25%;float: left;font-size: 16px;color: #666;}
.inner .tz_mod1 .gp_table h3{font-size: 24px;font-weight: bold;}
.inner .tz_mod1 .gp_table table{width: 100%;border: 1px solid #ddd;}
.inner .tz_mod1 .gp_table table .zyyw{line-height: 1.8;}
.inner .tz_mod1 .gp_table table td{border: 1px solid #ddd;padding-left: 20px;line-height: 2.5;}
.inner .tz_mod2 .gp_fs,.inner .tz_mod2 .gp_rx{width: 50%;margin-top: 4%;}
.inner .tz_mod2 h4{font-size: 18px;position: relative;font-weight: bold;}
.inner .tz_mod2 h4::after{content: '';width: 40px;height: 2px;background: #e60516;position: absolute;left: 0;bottom: 0;}

.inner .culture .imgarea{width: 50%;height: 450px;overflow: hidden;}
.inner .culture .imgarea img{width: 100%;height: 100%;transition: all 0.5s ease 0s;}
.inner .culture li:hover .imgarea img{transform: scale(1.1);}
.inner .culture .txtarea{height: 450px;width: 50%;background: url(../images/wh_bg.jpg)no-repeat;background-size: cover;color: #333;}
.inner .culture .txtarea .wrap{padding: 60px;}
.inner .culture .txtarea .tit{margin-bottom: 30px;}
.inner .culture .txtarea i{float: left;display: block;width: 75px;height: 75px;overflow: hidden;}
.inner .culture .txtarea .tit .fl{margin-left: 25px;}
.inner .culture .txtarea h3{font-size: 36px;line-height: 1.2;}
.inner .culture .txtarea span{font-size:20px;color: #aaa;text-transform: uppercase;}
.inner .culture .txtarea p{margin-left: 100px;font-size: 20px;}

.inner .rc_mod1 li{width: 50%;float: left;font-size: 14px;color: #fff;background-color: #1597e8 \9;}
.inner .rc_mod1 li .txtarea{height: 220px;}
.inner .rc_mod1 li:first-child .txtarea,.inner .rc_mod2 li:nth-child(4){background-color: #f55d3e;}
.inner .rc_mod1 li:last-child .txtarea,.inner .rc_mod2 li:nth-child(2){background-color: #1597e8;} 
.inner .rc_mod1 li .wrap{padding: 50px;}
.inner .rc_mod2 li{width: 25%;float: left;height: 250px;color: #fff;position: relative;background-color: #f55d3e \9;}
.inner .rc_mod2 .wrap{position: absolute;left: 50px;top: 50%;transform: translateY(-50%);}
.inner .rc_mod2 li span{font-size: 24px;}
.inner .rc_mod1 li img,.inner .rc_mod2 li img{width: 100%;}

.inner .contact{background: #f5f5f5;box-shadow: 0 0 8px #ddd;}
.inner .contact .inform{width: 55%; float: left;color: #333;}
.inner .contact .inform .wrap{padding: 0 50px;}
.inner .contact .inform h3{font-size: 26px;font-weight: bold;color: #007bc7;line-height: 2;margin: 20px 0;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.inner .contact .inform h3 .icon-dizhi{font-size: 48px;vertical-align: middle;}
.inner .contact .inform p{font-size: 22px;}
.inner .contact .inform p i{font-size: 30px;padding-right: 10px;color: #007bc7;}
.inner .contact .inform p i.icon-home{font-size: 24px;}
.inner .contact .map{width: 45%;float: right;}
.inner .company_list{padding-top: 4%;width: 105%;}
.inner .company_list li{float: left;width: 45%;margin-right: 5%;box-shadow: 0 0 8px #ddd;margin-bottom: 40px;height: 285px;}
.inner .company_list li .wrap{padding:0 30px 30px;}
.inner .company_list li h4{font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom: 5px;margin: 10px 0;}
.inner .company_list li h4 i{font-size: 30px;vertical-align: middle;padding-right: 10px;}

.inner .hx_mod1{position: relative;padding-bottom: 5%;}
.inner .hx_mod1 li{float: left;width: 50%;background-color: #f5f5f5;}
.inner .hx_mod1 .imgarea{width: 50%;display: block;overflow: hidden;}
.inner .hx_mod1 .imgarea img{max-width: 100%;width: 100%;}
.inner .hx_mod1 .txtarea{width: 40%;padding: 5% 5% 0;}
.inner .hx_mod1 .txtarea h4{position: relative;font-size: 24px;padding-bottom: 10px;margin-bottom: 25px;color:#000}
.inner .hx_mod1 .txtarea h4 span{color: #e50011;font-weight: bold;}
.inner .hx_mod1 .txtarea h4::after{position: absolute;content: '';width: 25px;height: 2px;background: #007bc7;left: 0;bottom: 0;}
.inner .hx_mod1 .txtarea .art_con em{color: #e50011;margin-right: 8px;}
.inner .hx_mod1 .txtarea .art_con{line-height: 2.2;font-size: 15px;}

.inner .hx_mod2{width: 100%;margin-bottom:5%;}
.inner .hx_mod2 li{width: 100%;}
.inner .hx_mod2 li .imgarea{float: left;display: block;width: 50%;overflow: hidden;}
.inner .hx_mod2 li .txtarea{float: right;width: 44%;padding: 3%;}
.inner .hx_mod2 li:last-child .imgarea{float: right;}
.inner .hx_mod2 li:last-child .txtarea{float: left;}
.inner .hx_mod2 .txtarea h4{position: relative;font-size: 24px;padding-bottom: 10px;margin-bottom: 25px;color:#000}
.inner .hx_mod2 .txtarea h4 span{color: #e50011;font-weight: bold;}
.inner .hx_mod2 .txtarea h4::after{position: absolute;content: '';width: 25px;height: 2px;background: #007bc7;left: 0;bottom: 0;}
.inner .hx_mod2 .txtarea .art_con em{color: #e50011;margin-right: 8px;}
.inner .hx_mod2 .txtarea .art_con{line-height: 2.2;font-size: 15px;}


.inner .hx_mod5{width: 104%;overflow: hidden;padding: 1% 0 5%;}
.inner .hx_mod5 li{width: 12.66%;margin-right: 4%;float: left;}
.inner .hx_mod5 li .top{width: 100%;border-radius: 50%;position: relative;overflow: hidden;}
.inner .hx_mod5 li img{width: 100%;border-radius: 50%;transition: all 0.5s ease 0s;}
.inner .hx_mod5 li:hover img{transform: scale(1.2);}
.inner .hx_mod5 li .top p{font-size: 18px;font-weight: bold;position: absolute;bottom: 0;background: rgba(0, 123, 199, 0.8);color: #fff;padding: 10px 0 15px 0;text-align: center;left: 0;width: 100%;}
.inner .hx_mod5 li .des{font-size: 14px;margin-top: 25px;line-height: 1.7;color: #666;}
.inner .hx_mod3{text-align: center;margin: 5% 0;}

.inner .xxpl li{padding:20px 50px;font-size: 16px;line-height: 16px;}
.inner .xxpl li:nth-child(odd){background: #f5f5f5;}
.inner .xxpl li .time{display: inline-block;font-size: 14px;color: #888;border-right: 1px solid #ddd;padding-right: 80px;margin-right: 80px;}
.inner .xxpl li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: calc(100% - 300px);}
.inner .xxpl li .icon-xiazai{float: right;font-size: 24px;}
.inner .xxpl li:hover .tit,.inner .xxpl li:hover .icon-xiazai{color: #007bc7;}

.inner .ygfc ul{width: 104%;}
.inner .ygfc ul li.sm{width: 50%;float: left;}
.inner .ygfc ul li.big{width: 46%;margin-right: 2%;position: relative;float: left;}
.inner .ygfc ul li.sm .item{width: 46%;margin-bottom: 30px;height: 205px;position: relative;float: left;margin-right: 4%;}
.inner .ygfc ul li.big .item{height:440px;width: 100%;}
.inner .ygfc ul li .item .imgarea{width: 100%;height: 100%;position: relative;}

.inner .ygfc ul li img{width: 100%;height: 100%;}
.inner .ygfc ul li .item::before{content: '';width: 94%;height: 90%;position: absolute;border: 1px solid #fff;top: 5%;left: 3%;opacity: 0;transition: all 0.5s ease 0s;z-index: 2;}
.inner .ygfc ul li .item::after{content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.5s ease 0s;z-index: 1;}
.inner .ygfc ul li .item span{position: absolute;text-align: center;font-size: 15px;color: #fff;top: 50%;left: 50%;display: inline-block;max-width: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all 0.5s ease 0s;z-index: 2;}
.inner .ygfc ul li .item:hover::after,.inner .ygfc ul li .item:hover span{opacity: 1;}
.inner .ygfc ul li .item:hover::before{opacity: 0.5;}
.inner .ygfc.mod2{background: #f6f6f6;padding: 4% 0;margin-top: 2%;}

.inner .djgh .txtarea,.inner .djgh .imgarea{width: 47.5%;}
.inner .djgh .imgarea img{width: 100%;}
.inner .dj_mod2{padding: 4% 0 0;background: #f6f6f6;margin-top: 4%;}
.inner .dj_list li{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.inner .dj_list .time{width: 100px;border-right: 1px solid #ddd;color: #999;line-height: 1;float: left;}
.inner .dj_list .time p{font-size: 24px;color: #333;}
.inner .dj_list .txtarea{float: left;width: calc(100% - 250px);padding-left: 40px;}
.inner .dj_list .txtarea h5{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner .dj_list .txtarea .des{color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.inner .dj_list .icon-arrow-right{font-size: 18px;display: inline-block;width: 30px;height: 30px;border-radius: 50%;background: #ddd;line-height:30px;text-align: center;float: right;}
.inner .dj_list li:hover h5{color: #007bc7;}
.inner .dj_list li:hover .icon-arrow-right{background: #007bc7;color: #fff;}

.inner .shzr .mod1{position: relative;}
.inner .shzr .mod1 img{width: 100%;}
.inner .shzr .mod1 .txtarea{position: absolute;width: 40%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.35);color: #fff;padding: 0 50px;overflow: hidden;}
.inner .shzr .mod1 h4{font-size: 26px;margin-top: 30px;}
#zr_list{width: 105%;padding: 4% 0;overflow: hidden;}
#zr_list li{width: 28.33% !important;margin-right: 5% !important;float: left;}
#zr_list li .imgarea{width: 100%;height: 245px;overflow: hidden;display: block;}
#zr_list li .imgarea img{width: 100%;height: 100%;}
#zr_list li h5{font-size: 16px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#zr_list li .time{color: #888;}
#zr_list li .time i{padding-right: 8px;}
#zr_list li .des{color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

.inner .xyzp .imgarea img{width: 100%;}
.inner .xyzp h3{font-size: 24px;margin-top: 4%;}
.inner .xyzp .zw_list{margin-bottom: 4%;}
.inner .xyzp li{text-align: center;line-height: 50px;border-bottom: 1px solid #ddd;}
.inner .xyzp li:first-child{font-size: 16px;background: #f6f6f6;border-top: 2px solid #007bc7;font-weight: bold;height: 60px;line-height: 58px;border-bottom: none;}
.inner .xyzp li:first-child:hover{color: #333;}
.inner .xyzp li .gw,.inner .xyzp li .xl{width:20%;float: left;}
.inner .xyzp li .num{width: 10%;float: left;background: none;padding: 0;}
.inner .xyzp li .yq{width: 50%;float: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner .xyzp li.active .topbar{color: #007bc7;}
.inner .xyzp .xz_infor{width: 100%;padding:2% 0;display: none;background: #f8f8f8;}
.inner .xyzp .xz_infor .item{width: 30.33%;margin:0 1.5%;float: left;text-align: left;}
.inner .xyzp .xz_infor h4{font-weight: bold;font-size: 16px;}
.inner .xyzp .link,.inner .shzp .link{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;background: #e50011;margin: 0 auto 4%;color: #fff;font-size: 16px;font-weight: bold;}

.inner .shzp .zp_inform span{padding-right: 30px;}
.inner .shzp .zp_inform span i{font-size: 20px;margin: 8px;display: inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;color: #fff;background: #e50011;}
.inner .shzp .select .wrap{padding: 30px;background: #f3f3f3;}
.inner .shzp .select select{width: 26%;height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #ddd;margin-right: 2%;box-sizing: border-box;float: left;}
.inner .shzp .select .ui-input{width: 26%;margin-right: 2%;height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;float: left;}
.inner .shzp .select .ui-btn1{width: 16%;height: 40px;line-height: 40px;background: #007bc7;color: #fff;float: left;border-radius: 5px;}
.inner .shzp .zp_list{padding-bottom: 4%;}
.inner .shzp .zp_list li .position,.inner .shzp .zp_list li .place,.inner .shzp .zp_list li .num,.inner .shzp .zp_list li .time{float: left;width: 23%;text-align: center;padding: 0;background: none;}
.inner .shzp .zp_list li:first-child{height: 60px;line-height: 60px;background: #007bc7;color: #fff;font-size: 16px;font-weight: bold;}
.inner .shzp .zp_list .topbar{height: 60px;line-height: 60px;background: #f3f3f3;border-bottom: 1px solid #ddd;box-sizing: border-box;font-size: 16px;}
.inner .shzp .zp_list .topbar i{width: 8%;position: relative;}
.inner .shzp .zp_list .topbar i::after{content: '-';position: absolute;width: 100%;text-align: center;font-size: 24px;line-height: 60px;font-family: 'Times New Roman', Times, serif;}
.inner .shzp .zp_list .content{background: #fff;padding: 50px;display: flex;justify-content: space-between; justify-content: space-around;display: none;}
.inner .shzp .zp_list .content .item{float: left;width: 50%;}
.inner .shzp .zp_list .content .item h4{font-weight: bold;font-size: 16px;}
.inner .shzp .zp_list li.active .topbar{color: #007bc7;border-bottom: none;}
.inner .shzp .zp_list li.active .topbar i::after{content: '+';}
 
.inner .zc_img{max-width: 100%;}
.imgarea{overflow: hidden;}
.imgarea img{width: 100%;height: 100%;transition: all 0.5s ease 0s;}
.imgarea:hover img{transform: scale(1.1);}

/* right_sides */
.right_sides{float: right;width: 24%;overflow: hidden;position: relative;margin-left: 4%;color: #333;}
.right_sides .hotnews,.right_sides .tag{border: 1px solid #ddd;padding:10px 30px 0;margin-bottom: 40px}
.right_sides .title h2{font: 500 22px Arial,"microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.hotnewsbd ul li{color: #666666;margin: 15px 0}
.hotnewsbd ul li .date{color: #999999;font-size: 13px}
.hotnewsbd ul li .tit{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.right_sides .tag h2{font: 500 22px Arial,"microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.tagbd{margin-top: 15px}
.tagbd a{display: block;width: 46%;color: #666666;margin:0 2%;line-height: 40px;background: #f2f2f2;margin-bottom: 10px;text-align: center;float: left;}

/* left block */
.left-cont{float: left;width: 72%;color: #333;}
.left-cont .tag_sq{width: 100%;height: 60px;line-height: 60px;background: #f2f2f2;border: 1px solid #dddddd}
.left-cont .tag_sq span{border-right: 1px solid #dddddd;color: #000;display: inline-block;padding: 0 30px}
.article_cont .title{text-align: center;font-size: 28px;color: #000;margin-top: 30px;margin-bottom: 20px}
.article_cont .title span{margin: 0 10px;color: #bbbbbb}

/* newsdetail */
.sub_title {text-align: center;padding:0 0 20px 0;line-height: 30px;}
.sub_info{color: #777;background: #f4f4f4;line-height: 40px}
.sub_info span{margin-right: 30px}
.sub_title h3{font:600 30px Arial,"microsoft yahei";margin-bottom: 20px;margin-top: 10px}
.article{margin: 10px 0;line-height: 25px;color: #333;}
.article img{text-align: center;height: auto !important;}
.skip{margin-top: 50px;margin-bottom: 30px;background: #f6f6f6;padding: 5px;color: #333;}
.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip a{color: #666666}
.skip .fl{float: left;margin-left: 10px}
.skip .fr{float: right;}
.bdshare-button-style0-16{display: inline-flex}
.relate{padding: 30px;}
.relate .tit h3{font: 600 20px Arial,"microsoft yahei";float: left;color: #333333;margin-bottom: 10px}
.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}
.relate .newslink{width: 46%;margin: 0 15px;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}
.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .newslink i{margin-right: 10px;color: #00979c;font-size: 18px}
.relate .newslink .date{float: right;color: #999999;font-family: Arial}

.p_mar p{margin-bottom: 20px;}
@media only screen and (max-width: 1400px){
    .inner .culture .imgarea,.inner .culture .txtarea{height: 30vw;}
    .inner .tz_mod1 .wrap{padding: 50px 0 50px 20px;}
    .inner .rc_mod2 li img,.inner .rc_mod2 li{height: 18vw;}
    .inner .hx_mod2 li:first-child .item{height: 16.5vw;margin-bottom: 2vw;}
    .inner .hx_mod2 li:last-child .item{height: 35vw;}
    .inner .ygfc ul li.sm .item{height: 14.5vw;margin-bottom: 2vw;}
    .inner .ygfc ul li.big .item{height: 31vw;}
    #zr_list li .imgarea{height: 17vw;}
    .inner #hx_zz .swiper-slide img{height: 27vw;}
}

@media only screen and (max-width: 1200px){
    .breadcrumb-bar .innernav li{padding: 0 25px;}
    .breadcrumb-bar .path{display: none;}
    .inner .company_t h3{font-size: 24px;}
    .inner .pro_sultion li i{width: 100px;height: 100px;line-height: 100px;}
    .inner .pro_sultion li i img{max-width: 80%;}
    .inner .pro_sultion li h3{font-size: 30px;}
    .inner .tz_mod1 .wrap{padding: 30px 0 50px 20px;}
    .inner .tz_mod1 .gp_inform .price{margin-bottom: 0;font-size: 48px;}
    .inner .tz_mod1 .gp_inform .price i{font-size: 26px;}
    .inner .pro_sultion li .des{margin: 30px 50px 20px;}
    .inner .tz_mod1 .gp_inform li{width: 50%;}
    .inner .culture .txtarea .wrap{padding: 40px;}
    .inner .culture .txtarea .tit{margin-bottom: 20px;}
    .inner .culture .txtarea h3{font-size: 30px;}
    .inner .contact .inform .wrap{padding: 0 20px;}
    .inner .contact .inform h3{font-size: 20px;margin: 0 0 20px 0;padding: 0;}
    .inner .contact .inform p,.inner .company_list li h4{font-size: 18px;}
    .inner .shzr .mod1 h4{margin-top: 20px;line-height: 1.5;font-size: 22px;}
    .inner .hx_mod1 .txtarea{padding: 2% 5% 0;}
    .inner .hx_mod5 li .top p{font-size: 16px;}
    .inner .hx_mod1 .txtarea h4,.inner .hx_mod2 .txtarea h4{padding-bottom: 5px;margin-bottom: 10px;}
    .inner .hx_mod1 .txtarea .art_con{line-height: 2;}
}

@media only screen and (max-width: 1000px){
    .inner .company_t{margin-bottom: 3%;}
    .breadcrumb-bar{height: 50px;line-height: 50px;}
    .inner .numlist li{font-size: 16px;}
    .inner .numlist li h4{font-size: 36px;}
    .inner .pro_sultion li i{width: 70px;height: 70px;line-height:70px ;}
    .inner .pro_sultion li h3{font-size: 22px;margin-left: 15px;}
    .inner .news li,.inner .news li .time{height: 170px;}
    .inner .news li .txtarea{width: calc(100% - 385px);padding: 20px;}
    .inner .pro_sultion li .des{margin: 20px 50px 20px;}
    .inner .news li .time{width: 100px;font-size: 20px;}
    .inner .news li .time p{margin:45px 10px 0;}
    .inner .rc_mod1 li .wrap{padding: 30px;}
    .inner .culture .txtarea .wrap{padding: 20px;}
    .inner .culture .txtarea i{width: 60px;height: 60px;}
    .inner .culture .txtarea i img{width: 100%;height: 100%;}
    .inner .culture .txtarea .tit{margin-bottom: 0;}
    .inner .culture .txtarea .tit .fl{margin-left: 15px;}
    .inner .culture .txtarea h3{font-size: 26px;}
    .inner .culture .txtarea span{font-size: 18px;}
    .inner .culture .txtarea p{font-size: 17px;margin-left: 75px;}
    .inner .contact .inform h3{font-size: 18px;}
    .inner .contact .inform p,.inner .company_list li h4{font-size: 16px;}
    .inner .hx_mod1 .choice{top: -50px;}
    .inner .hx_mod1 .choice span{padding: 10px 30px;}
    .inner .hx_mod1 .txtarea{margin-top: 0;}
    .inner .hx_mod2 li .item span{font-size: 15px;padding:3px 10px;text-align: center;}
    .inner .hx_mod4 .imgarea,.inner .hx_mod4 .txtarea{width: 100%;}
    .inner .hx_mod4 .txtarea h4{margin: 10px 0;padding-bottom: 0;}
    .inner .hx_mod5 li .top p{font-size: 14px;}
    .inner .hx_mod5 li .des{font-size: 13px;}
    .inner .hx_tit{font-size: 24px;}
    .inner .hx_tit span{font-size: 30px;}
    .right_sides{display: none;}
    .left-cont{width: 100%;}
    .inner .shzr .mod1 .txtarea{width: calc(100% - 80px);padding: 0 40px;}
    .inner .hx_mod2 li .txtarea{padding: 1% 2% 0;width: 46%;}
}

@media only screen and (max-width: 768px){
    .subbanner img{width: 138%;margin-left: -19%;max-width: none;}
    .inner .company_t h3{font-size: 18px;}
    .breadcrumb-bar{display: none;}
    .inner .numlist li{font-size: 14px;}
    .inner .numlist li h4{font-size: 22px;}
    .inner .numlist li h4 span{font-size: 15px;}
    .inner .news li{margin-bottom: 30px;}
    .inner .news li .imgarea{display: none;}
    .inner .news li .txtarea{width: calc(100% - 145px);}
    .inner .tz_mod1 .gp_table h3{font-size: 22px;}
    .inner .tz_mod1 .gp_inform,.inner .tz_mod1 .gp_table,.inner .tz_mod2 .gp_fs, .inner .tz_mod2 .gp_rx{width: 100%;}
    .inner .culture .imgarea,.inner .culture .txtarea{width: 100%;height: auto;}
    .inner .culture .txtarea .wrap{padding: 50px;}
    .inner .pro_sultion li .imgarea,.inner .pro_sultion li .txtarea{width: 100%;}
    .inner .pro_sultion li .more{margin-bottom: 30px;}
    .inner .rc_mod2 li{width: 50%;}
    .inner .rc_mod2 li img, .inner .rc_mod2 li{height: 32vw;}
    .inner .rc_mod1 li .wrap{padding: 20px;}
    .inner .contact{background: #fff;}
    .inner .contact .inform,.inner .company_list,.inner .company_list li{width: 100%;height: auto;}
    .inner .contact .map{display: none;}
    .inner .djgh .txtarea, .inner .djgh .imgarea{width: 100%;}
    .inner .dj_list li{padding-bottom: 20px;margin-bottom: 20px;}
    .inner .dj_list .icon-arrow-right{display: none;}
    .inner .dj_list .txtarea{width: calc(100% - 160px);}
    .inner .dj_list .time p{font-size: 22px;}
    .inner .hx_mod1 .txtarea,.inner .hx_mod1 .imgarea{width: 96%;margin: 0 2%;padding: 0;overflow: hidden;}
    .inner .hx_mod1 ul{background: #f5f5f5;}
    .inner .hx_mod1 .txtarea h4,.inner .hx_mod2 .txtarea h4{font-size: 18px;margin-left: 15px;}
    .inner .hx_mod2 li .imgarea,.inner .hx_mod2 li .txtarea{width: 100%;padding: 0;}
    .inner .hx_mod1 .txtarea .art_con,.inner .hx_mod2 .txtarea .art_con{margin-left: 15px;}
    
    .inner .shzp .zp_list .topbar{font-size: 15px;}
    .inner .xxpl li{padding: 20px 30px;}
    .inner .xxpl li .time{padding-right: 30px;margin-right: 30px;}
    .inner .xxpl li .tit{width: calc(100% - 180px);}
    .inner .xxpl li .icon-xiazai{font-size: 19px;}
    .inner .ygfc ul,.inner .ygfc ul li.big{width: 100%;}
    .inner .ygfc ul li.sm{width: 104%;margin-top: 4vw;}
    .inner .ygfc ul li.sm .item{height: 27.5vw;margin-bottom: 4vw;}
    .inner .ygfc ul li.big .item{height: auto;}
    #zr_list li{width: 45% !important;}
    #zr_list li .imgarea{height: 27vw;}
    .inner .hx_mod1 .choice{left: 0;top: 0;position: relative;margin: 15px 0;}
    .inner .hx_mod3,.inner .hx_mod3 li{width: 100%;margin: 0;}
    .inner .hx_mod5 li{width: 31.33%;}
    .inner .shzp .zp_inform span{padding-right: 0;}
    .inner .xyzp li .num{display: none;}
    .inner .xyzp li .gw{width: 30%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .inner .shzp .select{display: none;}
    .inner .shzp .zp_list .content{padding: 0 10px;}
    .inner .shzp .zp_list .content .item{width: 100%;}
    .inner .shzp .zp_list li .num{display: none;}
    .inner .shzp .zp_list li .position, .inner .shzp .zp_list li .place, .inner .shzp .zp_list li .time{width: 30.66%;}
    .inner .xyzp h3{font-size: 18px;}
    .inner .contact .inform .wrap{padding: 0 10px;}
    .inner .contact .inform h3 .icon-dizhi{font-size: 30px;}
    .inner .contact .inform h3{font-size: 16px;}
    .inner .contact .inform p i{font-size: 24px;width: 25px;display: inline-block;text-align: center;padding-right: 5px;}
    .inner .contact .inform p i.icon-home{font-size: 18px;}
    .inner .contact .inform p{font-size: 14px;}
    .inner .contact .inform h3{margin-bottom: 10px;}
    .inner .company_list li{margin-bottom: 20px;}
    .inner .company_list li h4{line-height: 1;}
    .inner .company_list li .wrap{padding: 0  10px 20px;}
    .sub_title h3{font-size: 18px;margin: 10px 0;}
    .bdsharebuttonbox,.news_source{display: none;}
    .sub_info span{margin-right: 5px;}
    .skip{margin: 5% 0;}
    .skip .fl,.skip .fr{width: 100%;margin: 0;}
    .sub_title{padding: 0;}
    .inner #hx_zz .swiper-slide img{height: auto;}
    .inner .shzr .mod1 .article{display: none;}
    .inner .shzr .mod1 h4{margin: 0;position: absolute;top: 50%;transform: translateY(-50%);line-height: 2;}
    .p_mar p{margin-bottom: 10px;}

    .inner .hx_mod5{width: 110%}
    .inner .hx_mod5 li{width:23.33%;margin-right: 10%;min-height: 240px;}
}
  

@media only screen and (max-width: 640px){
    .inner .dj_list .time{width: 75px;}
    .inner .dj_list .txtarea{padding-left: 20px;width: calc(100% - 120px);}
    .inner .hx_tit{font-size: 18px;}
    .inner .hx_tit span{font-size: 24px;}
    .inner .news li .more{display: none}
    .inner .news li, .inner .news li .time{height: 140px;}
    .inner .news li .time p{margin: 30px 10px 0;}
    .inner .xyzp li .xl{width: 25%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .inner .xyzp li .yq{width: 45%;}
    .inner .xyzp .xz_infor{padding: 0 10px;}
    .inner .xyzp .xz_infor .article{margin: 0 0 10px 0;}
    .inner .hx_mod2 li .item span{padding: 3px 10px;}
    .inner .xyzp .xz_infor .item{width: 100%;margin: 0 ;}
    .inner .xyzp .link, .inner .shzp .link{width: 120px;height: 40px;line-height: 40px;font-size: 15px;}
    .inner .tz_mod2 .gp_fs, .inner .tz_mod2 .gp_rx{display: none;}
    .inner .shzr .mod1 h4{font-size: 18px;}
}
@media only screen and (max-width: 480px){
    .inner .culture .txtarea .wrap{padding: 40px 30px;}
    .inner .culture .txtarea i{width: 50px;height: 50px;}
    .inner .culture .txtarea h3{font-size: 24px;}
    .inner .culture .txtarea span{font-size: 16px;}
    .inner .culture .txtarea p{margin-left: 65px;}
    .inner .rc_mod1 li,.inner .rc_mod2 li{width: 100%;}
    .inner .rc_mod2 li img, .inner .rc_mod2 li{height:50vw}
    .inner .xxpl li{padding: 20px;font-size: 15px;}
    .inner .xxpl li .time {padding-right: 20px;margin-right: 20px;}
    .inner .xxpl li .tit{width: calc(100% - 150px);}
    .inner .numlist li h4{font-size: 17px;}
    .inner .hx_mod5{width: 105%}
    .inner .hx_mod5 li{width:28.33%;margin-right: 5%;min-height: 210px;}
}